<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style type="text/css">
		#all{
			width: 2000px;
			height: 50px;
			background-color: #E3E4E5;
		}
		
		ul{
			position: absolute;
			top:-35px
			
			
		}
		li{
			float: left;
			height: 30px;
			text-align: center;
			line-height: 30px;
			margin: 30px 10px 30px;
			border-right: 1px black solid;
			padding-right: 20px;
			
			
			
		}
		
		#a{
			margin-left: 300px;
			margin-right: 200px;
			color: #FF0000;
			border: none;
		}
		#b1{
			margin-left: 30px;
		}
		
		a:hover{
			color: red;
		}
		
		#box1{
			width: 200px;
			height: 50px;
			border: black solid 2px;
			background-color: aqua;
			position: absolute;
			display: none;/* 先让盒子不显示 */
		}
		#box2{
			width: 200px;
			height: 50px;
			border: black solid 2px;
			background-color: aqua;
			position: absolute;
			display: none;/* 先让盒子不显示 */
		}
		#g:hover #box1{
			display: block;
		}
		
		
	</style>
	<body>
	<div id="all">

		<ul style="list-style: none">
			<li id="a">广东</li>
			<li id="b">你好，请登录<span id="b1">免费注册</span></li>
			<li id="c"><a style="text-decoration: none;" href="https://passport.jd.com/uc/login?ReturnUrl=https%3A%2F%2Forder.jd.com%2Fcenter%2Flist.action">我的订单</a></li>
			<li id="d"><a style="text-decoration: none;" href="https://passport.jd.com/uc/login?ReturnUrl=https%3A%2F%2Forder.jd.com%2Fcenter%2Flist.action" >我的京东</a></li>
			<li id="e"><a style="text-decoration: none;" href="https://passport.jd.com/uc/login?ReturnUrl=http%3A%2F%2Fvip.jd.com%2Fhome.html">京东会员</a></li>
			<li id="f"><a style="text-decoration: none;" href="https://b.jd.com/">企业采购</a></li>
			<li id="g"><div id="box1"></div>用户服务</li>
			<li id="h"><div id="box2"></div><a style="text-decoration: none;" href="https://passport.jd.com/uc/login?ReturnUrl=http%3A%2F%2Fvip.jd.com%2Fhome.html">网站导航</a></li>
	
			<li id="i">手机京东</li>
			<li id="j">网站无障碍</li>
		</ul>
	</div>
	</body>
	
	<!-- 
	var c =
			<div class="dt cw-icon ui-areamini-text-wrap" style="display:none;">
				<i class="iconfont">&#xe604;</i>
				<span class="ui-areamini-text"></span> 			
			</div>	
					
			<div class="dd dorpdown-layer">
			<div class="dd-spacer"></div>
							
			<div class="ui-areamini-content-wrap"> 					
			<div class="ui-areamini-content"></div></div> 	
						
			<div class="areamini_inter"> 				  
			<div class="areamini_inter_split"></div> 				  
			<p class="areamini_inter_desc">\u5730\u533a\u4e13\u4eab\u7248\u672c</p> 				  
			<ul class="areamini_inter_list"> 					
			<li class="areamini_inter_item"> 					  
			<a class="areamini_inter_lk" href="//hk.jd.com" target="_blank" clstag="h|keycount|head|topbar|01hk"> 						
			<div class="areamini_inter_name">\u4e2d\u570b\u6e2f\u6fb3</div> 					  
			</a>
			</li> 					
			<li class="areamini_inter_item"> 					  
			<a class="areamini_inter_lk" href="//tw.jd.com" target="_blank" clstag="h|keycount|head|topbar|01tw"> 						
			<div class="areamini_inter_name">\u4e2d\u570b\u53f0\u7063</div> 					  
			</a> 					
			</li> 					
			<li class="areamini_inter_item"> 					  
			<a class="areamini_inter_lk" href="//global.jd.com" target="_blank" clstag="h|keycount|head|topbar|01gl"> 						
			<div class="areamini_inter_name">\u4eac\u4e1c\u5168\u7403</div> 					  
			</a> 					
			</li> 				  
			</ul> 				
			</div> 				
			<div class="areamini_inter"> 				  
			<div class="areamini_inter_split"></div> 				  
			<p class="areamini_inter_desc">Available Sites</p> 				  
			<ul class="areamini_inter_list"> 					
			<li class="areamini_inter_item"> 					  
			<a class="areamini_inter_lk" href="//www.joybuy.com/?source=1&visitor_from=2" target="_blank" clstag="h|keycount|head|topbar_0101"> 						
			<div class="areamini_inter_ico areamini_inter_ico_global"></div> 						
			<div class="areamini_inter_name">Global Site</div> 					  
			</a> 					
			</li> 					
			<li class="areamini_inter_item"> 					  
			<a class="areamini_inter_lk" href="//www.jd.ru/?source=1&visitor_from=2" target="_blank" clstag="h|keycount|head|topbar_0102"> 						
			<div class="areamini_inter_ico areamini_inter_ico_russia"></div> 						
			<div class="areamini_inter_name">\u0421\u0430\u0439\u0442 \u0420\u043e\u0441\u0441\u0438\u0438</div> 					  
			</a> 					
			</li> 					
			<li class="areamini_inter_item"> 					  
			<a class="areamini_inter_lk" href="//www.jd.id/?source=1&visitor_from=2" target="_blank" clstag="h|keycount|head|topbar_0103"> 						
			<div class="areamini_inter_ico areamini_inter_ico_indonesia"></div> 						
			<div class="areamini_inter_name">Situs Indonesia</div> 					  
			</a> 					
			</li> 					
			<li class="areamini_inter_item"> 					  
			<a class="areamini_inter_lk" href="//www.joybuy.es/?source=1&visitor_from=2" target="_blank" clstag="h|keycount|head|topbar_0103"> 						
			<div class="areamini_inter_ico areamini_inter_ico_spain"></div> 						
			<div class="areamini_inter_name">Sitio de Espa\xf1a</div> 					  
			</a> 					
			</li> 					
			<li class="areamini_inter_item"> 						
			<a class="areamini_inter_lk" href="//www.jd.co.th/?source=1&visitor_from=2" target="_blank" clstag="h|keycount|head|topbar_0105"> 						  
			<div class="areamini_inter_ico areamini_inter_ico_thailand"></div> 						  
			<div class="areamini_inter_name">\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22</div> 						
			</a> 					
			</li> 				  
			</ul> 				
			</div> 			
			</div>		'
 -->
</html>
